<!DOCTYPE html>
<html>

<head>
<title>梦幻婚纱</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<script defer src='js/jquery.flexslider.js'></script>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel='stylesheet' href='css/flexslider.css' type='text/css' media='screen' />
<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
<script src="../res/layui/layui.js"></script>
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Wedding Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		
</script>
<script>
	$(window).load(function() {
		$('.flexslider').flexslider({
			animation : 'slide',
			controlNav : 'thumbnails'
		});
	});
</script>
<!-- start menu -->
<script src="js/simpleCart.min.js">
	
</script>
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>
	$(document).ready(function() {
		$(".memenu").memenu();
	});
</script>
<!-- /start menu -->
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

	<script>
		function xiangqing(xq) {
			return   "<div class='col-md-9 det'  id='xiang' >     "
					+ "			           <div class='single_left'>                          "
					+ "				       <div class='flexslider'>                                                                                                                                                                                                                                                                                                                                                                                   "
					+ "			           <img src='../images/"+xq.picurl+"'/>                  "
					+ "				</div>  "
					+ "                   </div>       "
					+ "				<div class='single-right' >                                                                                                                                                                                                                                                                                                                                                                                    "
					+ "					<h3>"
					+ xq.pname
					+ "</h3>                                                                                                                                                                                                                                                                                                                                               "
					+ "					<div class='id'>                                                                                                                                                                                                                                                                                                                                                                                           "
					+ "						<h4>ID（标识号）："
					+ xq.pid
					+ "</h4></div>                                                                                                                                                                                                                                                                                                                                                                     "
					+ "					<form action='' class='sky-form'>                                                                                                                                                                                                                                                                                                                                                                          "
					+ "						<fieldset>                                                                                                                                                                                                                                                                                                                                                                                             "
					+ "							<section>                                                                                                                                                                                                                                                                                                                                                                                          "
					+ "								<div class='rating'>                                                                                                                                                                                                                                                                                                                                                                           "
					+ "									<input type='radio' name='stars-rating' id='stars-rating-5'>                                                                                                                                                                                                                                                                                                                               "
					+ "									<label for='stars-rating-5'><i class='icon-star'></i></label>                                                                                                                                                                                                                                                                                                                              "
					+ "									<input type='radio' name='stars-rating' id='stars-rating-4'>                                                                                                                                                                                                                                                                                                                               "
					+ "									<label for='stars-rating-4'><i class='icon-star'></i></label>                                                                                                                                                                                                                                                                                                                              "
					+ "									<input type='radio' name='stars-rating' id='stars-rating-3'>                                                                                                                                                                                                                                                                                                                               "
					+ "									<label for='stars-rating-3'><i class='icon-star'></i></label>                                                                                                                                                                                                                                                                                                                              "
					+ "									<input type='radio' name='stars-rating' id='stars-rating-2'>                                                                                                                                                                                                                                                                                                                               "
					+ "									<label for='stars-rating-2'><i class='icon-star'></i></label>                                                                                                                                                                                                                                                                                                                              "
					+ "									<input type='radio' name='stars-rating' id='stars-rating-1'>                                                                                                                                                                                                                                                                                                                               "
					+ "									<label for='stars-rating-1'><i class='icon-star'></i></label>                                                                                                                                                                                                                                                                                                                              "
					+ "									<div class='clearfix'></div>                                                                                                                                                                                                                                                                                                                                                               "
					+ "								</div>                                                                                                                                                                                                                                                                                                                                                                                         "
					+ "							</section>                                                                                                                                                                                                                                                                                                                                                                                         "
					+ "					</fieldset>                                                                                                                                                                                                                                                                                                                                                                                            "
					+ "					</form>                                                                                                                                                                                                                                                                                                                                                                                                    "
					+ "					<div class='cost'>                                                                                                                                                                                                                                                                                                                                                                                         "
					+ "						<div class='prdt-cost'>                                                                                                                                                                                                                                                                                                                                                                                "
					+ "							<ul>                                                                                                                                                                                                                                                                                                                                                                                               "
					+ "								<li>RMP: <del>物料需求计划： 5500</del></li>                                                                                                                                                                                                                                                                                                                                                  "
					+ "								<li>卖价：</li>                                                                                                                                                                                                                                                                                                                                                                                 "
					+ "								<li class='active'>价格："+ xq.price+ "</li>                                                                                                                                                                                                                                                                                                                                                   "
					+ "							</ul>                                                                                                                                                                                                                                                                                                                                                                                              "
					+ "						</div>                                                                                                                                                                                                                                                                                                                                                                                                 "
					+ "					</div>                                                                                                                                                                                                                                                                                                                                                                                                     "
					+ "					<div class='row'>                                                                                                                                                                                                                                                                                                                                                                                          "
					+ "					</div>                                                                                                                                                                                                                                                                                                                                                                                                     "
					+ "		<input   type='button' class='item_add items' lay-submit lay-filter='tijiao' value='添加购物车 '>"
					+ "					<div class='single-bottom1'>                                                                                                                                                                                                                                                                                                                                                                               "
					+ "						<h6>商品详情</h6>                                                                                                                                                                                                                                                                                                                                                                                        "
					+ "						<p class='prod-desc'>"
					+ xq.pIntroduction
					+ "</p> "
					+ "					</div>                                                                                                                                                                                                                                                                                                                                                                                                     "
					+ "				</div>                                                                                                                                                                                                                                                                                                                                                                                                         "
					+ "				</ul>                                                                                                                                                                                                                                                                                                                                                                                                          "
					+ "			</div> " + 
					"</div> "
                  
		}

		$.post("/g4/products/list", {
			ID : str
		}, function(result) {
			if (result.code === '0') {
				var code = xiangqing(result.data[str - 1]);
				$("#xiang").append(code);
			} else {
				layer.msg("失败");
			}

		}, "json");

		//获取url参数的方法
		function getQueryVariable(variable) {
			var query = window.location.search.substring(1);
			var vars = query.split("&");
			for (var i = 0; i < vars.length; i++) {
				var pair = vars[i].split("=");
				if (pair[0] == variable) {
					return decodeURIComponent(pair[1]);
				}
			}
			return (false);
		}
		//测试获取url参数
		var str = getQueryVariable("searchKey");

		/*加入购物车*/
		layui.use([ 'table', 'layer', 'form' ], function() {
			var table = layui.table;
			var layer = layui.layer;
			var form = layui.form;
			var $ = layui.$;

			form.on('submit(tijiao)', function(data) {
				$.post("/g4/carproduct/insertProduct", {
					pid : str
				}, function(res) {
					if (res.code === "0") {
						layer.msg("添加成功");
					} else {
						layer.msg("添加失败");
					}
				}, 'json')
				return false; //阻止表单跳转
			});
		});
	</script>
	
	
	<script>
		function sppj(sp){
			return   "<div>"+
			          "  <ul> "+sp.xxqpj+"</ul> "+
		             "</div>"
		}
			$.post("/g4/pj/pjsp",
					{
						pid : str
					}, function(result) {
						if (result.code === '0') {
							for ( var i=0 ; i< result.data.length; i++){
								var code = sppj(result.data[i]);
								$("#pjl").append(code);
							}
						} else {
							layer.msg("失败")
						}
					}, "json");
			
		
	</script>


	<!--header-->
	<div class="top_bg">
		<div class="container">
			<div class="header_top-sec">
				<div class="top_right">
					<ul>
						<li><a href="#">帮助</a></li>|
						<li><a href="contact.html">联系</a></li>|
						<li><a href="login.html">跟踪订单</a></li>
					</ul>
				</div>
				<div class="top_left">
					<ul>
						<li class="top_link">Email: <a href="mailto:info@example.com">mail@example.com</a>
						</li>|
						<li class="top_link"><a href="login.html">我的账户</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="header-top">
		<div class="header-bottom">
			<div class="container">
				<div class="logo">
					<a href="index.html">
						<h1>梦幻婚礼</h1>
					</a>
				</div>
				<!---->

				<div class="top-nav">
					<ul class="memenu skyblue">
						<li class="active"><a href="index.html">首页</a></li>
						<li class="grid"><a href="#">婚礼</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>商店</h4>
										<ul>
											<li><a href="product.html">New Arrivals</a></li>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">登录</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">我的购物车</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>样式区域</h4>
										<ul>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">配饰</a></li>
											<li><a href="product.html">拍摄风格</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>受欢迎的品牌</h4>
										<ul>

											<li><a href="product.html">李维斯</a></li>
											<li><a href="product.html">Nike</a></li>
											<li><a href="product.html">埃德温</a></li>

											<li><a href="product.html">杰克与琼斯</a></li>
											<li><a href="product.html">Paul Smith</a></li>
											<li><a href="product.html">Ray-Ban</a></li>
											<li><a href="product.html">木木材</a></li>
										</ul>
									</div>
								</div>
							</div></li>
						<li class="grid"><a href="#"></a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<h4>Shop</h4>
										<ul>
											<li><a href="product.html">New Arrivals</a></li>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">登录</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">我的购物车</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Style Zone</h4>
										<ul>
											<li><a href="product.html">新郎</a></li>
											<li><a href="product.html">新娘</a></li>
											<li><a href="product.html">品牌</a></li>
											<li><a href="product.html">花童</a></li>
											<li><a href="product.html">配饰</a></li>
											<li><a href="product.html">拍摄风格</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<h4>Popular Brands</h4>
										<ul>
											<li><a href="product.html">李维斯</a></li>
											<li><a href="product.html">Nike</a></li>
											<li><a href="product.html">埃德温</a></li>

											<li><a href="product.html">杰克与琼斯</a></li>
											<li><a href="product.html">Paul Smith</a></li>
											<li><a href="product.html">Ray-Ban</a></li>
											<li><a href="product.html">木木材</a></li>
										</ul>
									</div>
								</div>
							</div></li>

						<li class="grid"><a href="contact.html">联系我们</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!---->
				<div class="cart box_1">
					<a href="checkout.html">
						<h3>
							<div class="total">
								<span class="simpleCart_total"></span> (<span
									id="simpleCart_quantity" class="simpleCart_quantity"></span>)
							</div>
							<span class="glyphicon glyphicon-shopping-cart"
								aria-hidden="true"></span>
						</h3>
					</a>
					<p>
						<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
					</p>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
				<!---->
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	
	<div  id="xiang">
	<div class="single-sec>
		<div class="container">
			<ol class="breadcrumb">
				<li><a href="index.html">首页</a></li>
				<li class="active">商品详情</li>
			</ol>
		</div>
	</div>
	</div>
	
	<div  id="pjl">
	<h2>商品评价</h2>
		
	</div>
	
	
	
	<div class="shoping">
		<div class="container">
			<div class="shpng-grids">
				<div class="col-md-4 shpng-grid">
					<h3>免费送货</h3>
					<p>订单满RS999</p>
				</div>
				<div class="col-md-4 shpng-grid">
					<h3>订单退货</h3>
					<p>14天内退货</p>
				</div>
				<div class="col-md-4 shpng-grid">
					<h3>付款方式</h3>
					<p>货到付款</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<div class="footer">
		<div class="container">
			<div class="ftr-grids">
				<div class="col-md-3 ftr-grid">
					<h4>关于我们</h4>
					<ul>
						<li><a href="#">我们是谁</a></li>
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="#">我们的网站</a></li>
						<li><a href="#">在新闻中</a></li>

					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>客户服务</h4>
					<ul>
						<li><a href="#">常问问题</a></li>
						<li><a href="#">运输</a></li>
						<li><a href="#">消除</a></li>
						<li><a href="#">退货</a></li>
						<li><a href="#">批量订单</a></li>
						<li><a href="#">购买指南</a></li>
					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>您的帐户</h4>
					<ul>
						<li><a href="account.html">您的帐户</a></li>
						<li><a href="#">个人信息</a></li>
						<li><a href="#">地址</a></li>
						<li><a href="#">折扣</a></li>
						<li><a href="#">追踪您的订单</a></li>
					</ul>
				</div>
				<div class="col-md-3 ftr-grid">
					<h4>分类目录</h4>
					<ul>
						<li><a href="#">>>婚礼</a></li>
						<li><a href="#">>>珠宝</a></li>
						<li><a href="#">>>鞋子</a></li>
						<li><a href="#">>>花</a></li>
						<li><a href="#">>>蛋糕</a></li>
						<li><a href="#">...更多</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
</body>

</html>